.main {

    // 第一大块(头跟身体都可以样式公用)
    .mianHead {
        position: relative;
        height: 40px;
        background-color: #f5f5f5;

        .line {
            position: absolute;
            top: 50%;
            border-bottom: 1px dotted #ccc;
            width: 100%;
            transform: translateY(-50%);
        }

        .title {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 150px;
            transform: translate(-50%, -50%);
            background-color: #f5f5f5;
            text-align: center;

            .one {
                font-style: normal;
                display: inline-block;
                width: 15px;
                height: 15px;
                background-color: #4f8cfd;
                border-radius: 50%;
                color: #fff;
            }
        }
    }

    .mianContent {
        padding: 10px;
        // background-color: skyblue;
        border-radius: 10px;
    }

    // 第二大块
    .twoContent {
        .chanpinzhengce {
            height: 40px;
            background-color: #f5f5f5;
        }

        .chanpin {
            height: 50px;
            padding-left: 30px;
            border-bottom: 1px solid #ccc
        }
    }

}